232. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-07-21 10:22:18 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

232.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo14_en.css2021-04-28 03:14:22 +0000
2/Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo14_en.css2021-06-27 10:07:32 +0000

232.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2562
Changed12
Inserted00
Removed00

232.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

232.4 Active regular expressions

No regular expressions were active.

232.5 Comparison detail

1 /** 1 /**
2  * WARNING: Do not change this file. Your changes will be lost. 2  * WARNING: Do not change this file. Your changes will be lost.
3  * 2021-04-28 03:14:21 */ 3  * 2021-06-27 10:07:31 */
4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed { 4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
5 } 5 }
6 @media (min-width: 768px) { 6 @media (min-width: 768px) {
7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom { 7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
8         width: 57.17%; 8         width: 57.17%;
9     } 9     }
10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper { 10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
11         width: 40.83%; 11         width: 40.83%;
12     } 12     }
13  13 
14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main { 14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
15         width: 42.8775%; 15         width: 42.8775%;
16     } 16     }
17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media { 17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
18         width: 30.6225%; 18         width: 30.6225%;
19     } 19     }
20 } 20 }
21  21 
22 @media (max-width: 575px){ 22 @media (max-width: 575px){
23 body { 23 body {
24     font-size: 13px; 24     font-size: 13px;
25     line-height: 21px; 25     line-height: 21px;
26 } 26 }
27 } 27 }
28 p {  28 p { 
29     letter-spacing: 0; 29     letter-spacing: 0;
30 } 30 }
31 h1, h2, h3, h4, h5, h6 { 31 h1, h2, h3, h4, h5, h6 {
32     font-family: Poppins,sans-serif; 32     font-family: Poppins,sans-serif;
33     color: #222529; 33     color: #222529;
34     letter-spacing: normal; 34     letter-spacing: normal;
35 } 35 }
36 h1 {  36 h1 { 
37     font-weight: 700; 37     font-weight: 700;
38     font-size: 36px; 38     font-size: 36px;
39     line-height: 44px; 39     line-height: 44px;
40     margin: 0 0 32px 0; 40     margin: 0 0 32px 0;
41 } 41 }
42 h2 {  42 h2 { 
43     font-weight: 700; 43     font-weight: 700;
44     font-size: 30px; 44     font-size: 30px;
45     line-height: 40px; 45     line-height: 40px;
46     margin: 0 0 32px 0; 46     margin: 0 0 32px 0;
47 } 47 }
48 h3 {  48 h3 { 
49     font-weight: 700; 49     font-weight: 700;
50     font-size: 25px; 50     font-size: 25px;
51     line-height: 32px; 51     line-height: 32px;
52     margin: 0 0 20px 0; 52     margin: 0 0 20px 0;
53 } 53 }
54 h4 {  54 h4 { 
55     font-weight: 700; 55     font-weight: 700;
56     font-size: 20px; 56     font-size: 20px;
57     line-height: 27px; 57     line-height: 27px;
58     margin: 0 0 14px 0; 58     margin: 0 0 14px 0;
59 } 59 }
60 h5 {  60 h5 { 
61     font-weight: 700; 61     font-weight: 700;
62     font-size: 14px; 62     font-size: 14px;
63     line-height: 18px; 63     line-height: 18px;
64     margin: 0 0 14px 0; 64     margin: 0 0 14px 0;
65 } 65 }
66 h6 {  66 h6 { 
67     font-weight: 600; 67     font-weight: 600;
68     font-size: 13px; 68     font-size: 13px;
69     line-height: 18px; 69     line-height: 18px;
70     color: #777; 70     color: #777;
71 } 71 }
72 .home-banner-slider h2.vc_custom_heading, .custom-font4 { 72 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
73     font-family: 'Segoe Script','Savoye LET'; 73     font-family: 'Segoe Script','Savoye LET';
74 } 74 }
75 html .heading-secondary, html .lnk-secondary, html .text-color-secondary { 75 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
76     color: #ff7272; 76     color: #ff7272;
77 } 77 }
78 html .btn-modern { 78 html .btn-modern {
79     text-transform: uppercase; 79     text-transform: uppercase;
80     font-size: .75rem; 80     font-size: .75rem;
81     padding: .75rem 1.5rem; 81     padding: .75rem 1.5rem;
82     font-weight: 600; 82     font-weight: 600;
83     height: auto; 83     height: auto;
84 } 84 }
85 html .action.primary, html .btn { 85 html .action.primary, html .btn {
86     letter-spacing: 0; 86     letter-spacing: 0;
87     font-weight: 700; 87     font-weight: 700;
88     line-height: 1.42857; 88     line-height: 1.42857;
89     padding: .8em 2em;  89     padding: .8em 2em; 
90  90 
91 html .action.primary,html .btn-primary { 91 html .action.primary,html .btn-primary {
92     color: #fff; 92     color: #fff;
93     background-color: #7aa93c; 93     background-color: #7aa93c;
94     border-color: #7aa93c #7aa93c #5f842f; 94     border-color: #7aa93c #7aa93c #5f842f;
95 } 95 }
96 html .btn-xl { 96 html .btn-xl {
97     font-size: 1rem; 97     font-size: 1rem;
98     padding: .8rem 2rem; 98     padding: .8rem 2rem;
99 } 99 }
100 .btn-modern.btn-xl { 100 .btn-modern.btn-xl {
101     font-size: 1rem; 101     font-size: 1rem;
102     padding: 1.25em 3.125em; 102     padding: 1.25em 3.125em;
103  103 
104 .btn-modern.btn-lg { 104 .btn-modern.btn-lg {
105     font-size: .9375rem; 105     font-size: .9375rem;
106     padding: 1.1em 3em; 106     padding: 1.1em 3em;
107 } 107 }
108 html .btn-lg {  108 html .btn-lg { 
109     line-height: 1.3333; 109     line-height: 1.3333;
110 } 110 }
111 .btn-flat { 111 .btn-flat {
112     padding: 0!important; 112     padding: 0!important;
113     background: none!important; 113     background: none!important;
114     border: none!important; 114     border: none!important;
115     border-bottom: 1px solid transparent!important; 115     border-bottom: 1px solid transparent!important;
116     box-shadow: none!important; 116     box-shadow: none!important;
117     text-transform: uppercase; 117     text-transform: uppercase;
118     font-size: .75rem; 118     font-size: .75rem;
119  119 
120 html .btn-dark { 120 html .btn-dark {
121     color: #fff; 121     color: #fff;
122     background-color: #222529; 122     background-color: #222529;
123     border-color: #222529 #222529 #0b0c0e; 123     border-color: #222529 #222529 #0b0c0e;
124  124 
125 html .btn-light { 125 html .btn-light {
126     color: #222529; 126     color: #222529;
127     background-color: #fff; 127     background-color: #fff;
128     border-color: #fff #fff #e6e6e6; 128     border-color: #fff #fff #e6e6e6;
129 } 129 }
130 html .btn-quaternary { 130 html .btn-quaternary {
131     color: #fff; 131     color: #fff;
132     background-color: #000; 132     background-color: #000;
133     border-color: #000 #000 #000; 133     border-color: #000 #000 #000;
134 } 134 }
135 html .background-color-secondary { 135 html .background-color-secondary {
136     background-color: #f4a085 !important; 136     background-color: #f4a085 !important;
137 } 137 }
138 .page-header.type1 .header-main {  138 .page-header.type1 .header-main { 
139     border-top: 1px solid #e7e7e7; 139     border-top: 1px solid #e7e7e7;
140 } 140 }
141 .page-header.type1 .panel.wrapper { 141 .page-header.type1 .panel.wrapper {
142     min-height: 42px; 142     min-height: 42px;
143 } 143 }
144 .page-header.type1 .main-panel-top .share-links a  144 .page-header.type1 .main-panel-top .share-links a 
145     width: 26px; 145     width: 26px;
146     height: 26px;  146     height: 26px; 
147 } 147 }
148 .page-header.type1 .main-panel-top .panel.header+.gap {  148 .page-header.type1 .main-panel-top .panel.header+.gap { 
149     height: 19px;  149     height: 19px; 
150     background: #e7e7e7;  150     background: #e7e7e7; 
151     margin: 0 8px 0 4px; 151     margin: 0 8px 0 4px;
152 } 152 }
153 .page-header.type1 .header.panel > .header.links > li { 153 .page-header.type1 .header.panel > .header.links > li {
154     line-height: 29px;  154     line-height: 29px; 
155     text-transform: capitalize; 155     text-transform: capitalize;
156 } 156 }
157 .page-header.type1 .header.panel > .header.links > li.greet.welcome { 157 .page-header.type1 .header.panel > .header.links > li.greet.welcome {
158     padding-right: 13px; 158     padding-right: 13px;
159 } 159 }
160 .page-header.type1 .header.panel > .header.links > li > a { 160 .page-header.type1 .header.panel > .header.links > li > a {
161     padding: 0 13px;  161     padding: 0 13px; 
162 } 162 }
163 .page-header.type1 .switcher .options .action.toggle { 163 .page-header.type1 .switcher .options .action.toggle {
164     padding-left: 0; 164     padding-left: 0;
165 } 165 }
166 .page-header.type1 .search-category {  166 .page-header.type1 .search-category { 
167     border-color: #fff; 167     border-color: #fff;
168 } 168 }
169 .page-header.type1 .search-area .minisearch .actions button { 169 .page-header.type1 .search-area .minisearch .actions button {
170     width: 44px; 170     width: 44px;
171     line-height: 42px; 171     line-height: 42px;
172 } 172 }
173 .page-header.type1 .search-area .block-search input { 173 .page-header.type1 .search-area .block-search input {
174     font-size: inherit; 174     font-size: inherit;
175 } 175 }
176 @media(min-width: 992px){ 176 @media(min-width: 992px){
177 .page-header.type1 .header-main .header-row .header-center {  177 .page-header.type1 .header-main .header-row .header-center { 
178     order: -1; 178     order: -1;
179     flex: 1; 179     flex: 1;
180     padding: 27px 0; 180     padding: 27px 0;
181 } 181 }
182 .page-header.type1 .header-main .header-row .header-left { 182 .page-header.type1 .header-main .header-row .header-left {
183     min-width: auto;  183     min-width: auto; 
184     justify-content: center; 184     justify-content: center;
185     padding: 20px 15px; 185     padding: 20px 15px;
186 } 186 }
187 .page-header.type1 .header-main .header-row .header-right {  187 .page-header.type1 .header-main .header-row .header-right { 
188     flex: 1; 188     flex: 1;
189 } 189 }
190 .page-header.type1 .search-area .block.block-search {  190 .page-header.type1 .search-area .block.block-search { 
191     max-width: 347px; 191     max-width: 347px;
192     margin: 1px 0; 192     margin: 1px 0;
193 } 193 }
194 .page-header.type1 .nav-sections { 194 .page-header.type1 .nav-sections {
195     border-top: 2px solid #e7e7e7; 195     border-top: 2px solid #e7e7e7;
196 } 196 }
197 .page-header.type1 .navigation:not(.side-megamenu) > ul {  197 .page-header.type1 .navigation:not(.side-megamenu) > ul { 
198     justify-content: center; 198     justify-content: center;
199 } 199 }
200 .page-header.type1 .navigation:not(.side-megamenu) .level0 { 200 .page-header.type1 .navigation:not(.side-megamenu) .level0 {
201     margin-right: 35px; 201     margin-right: 35px;
202     margin-left: 1px; 202     margin-left: 1px;
203 } 203 }
204 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top  204 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top 
205     font-weight: 700; 205     font-weight: 700;
206     line-height: 20px; 206     line-height: 20px;
207     letter-spacing: -.12px;  207     letter-spacing: -.12px; 
208     padding: 20px 0 20px 0; 208     padding: 20px 0 20px 0;
209     position: relative; 209     position: relative;
210 } 210 }
211 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top:before { 211 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top:before {
212     content: ''; 212     content: '';
213     position: absolute; 213     position: absolute;
214     border-top: 2px solid #7aa93c; 214     border-top: 2px solid #7aa93c;
215     top: -2px; 215     top: -2px;
216     opacity: 0; 216     opacity: 0;
217     width: 100%; 217     width: 100%;
218 } 218 }
219 .page-header.type1 .navigation:not(.side-megamenu) .level0:hover .level-top:before { 219 .page-header.type1 .navigation:not(.side-megamenu) .level0:hover .level-top:before {
220     opacity: 1; 220     opacity: 1;
221 } 221 }
222 } 222 }
223 @media (min-width: 992px) and (max-width: 1219px) { 223 @media (min-width: 992px) and (max-width: 1219px) {
224 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top { 224 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top {
225     padding: 15px 0 15px 0; 225     padding: 15px 0 15px 0;
226 } 226 }
227 } 227 }
228 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i { 228 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
229     display: none; 229     display: none;
230  230 
231 .product-item-name a {  231 .product-item-name a { 
232     font-family: 'Poppins'; 232     font-family: 'Poppins';
233 } 233 }
234 .footer .widget + .widget { 234 .footer .widget + .widget {
235     margin-top: 0; 235     margin-top: 0;
236 } 236 }
237 .widget .widgettitle { 237 .widget .widgettitle {
238     font-size: 1rem; 238     font-size: 1rem;
239     letter-spacing: -.02em; 239     letter-spacing: -.02em;
240 } 240 }
241 .product-item-info .product-item-details .product-item-actions .tocart { 241 .product-item-info .product-item-details .product-item-actions .tocart {
242     background-color: #f4f4f4; 242     background-color: #f4f4f4;
243     border: 1px solid #ddd; 243     border: 1px solid #ddd;
244     color: #333; 244     color: #333;
245 } 245 }
246 .footer .widgettitle, .footer .widget-title { 246 .footer .widgettitle, .footer .widget-title {
247     font-size: .9375rem; 247     font-size: .9375rem;
248     font-weight: 600; 248     font-weight: 600;
249 } 249 }
250 html .background-color-secondary { 250 html .background-color-secondary {
251     background-color: #ff7272!important; 251     background-color: #ff7272!important;
252 } 252 }
253 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i { 253 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
254     display: none; 254     display: none;
255 }   255 }  
256 .footer, .footer p { 256 .footer, .footer p {
257     letter-spacing: 0; 257     letter-spacing: 0;
258     font-size: 13px; 258     font-size: 13px;
259     line-height: 22px; 259     line-height: 22px;
260 } 260 }
261 .footer .widgettitle, .footer .widget-title { 261 .footer .widgettitle, .footer .widget-title {
262     font-size: 15px; 262     font-size: 15px;
263     font-weight: 700; 263     font-weight: 700;
264 } 264 }
265 .widget.contact-info li:not(:last-child) { 265 .widget.contact-info li:not(:last-child) {
266     margin-bottom: 5px; 266     margin-bottom: 5px;
267 } 267 }
268 .footer .follow-us .share-links a { 268 .footer .follow-us .share-links a {
269     width: 37px; 269     width: 37px;
270     height: 37px; 270     height: 37px;
271     border-radius: 20px; 271     border-radius: 20px;
272     border: 1px solid rgb(255,255,255,.06); 272     border: 1px solid rgb(255,255,255,.06);
273     box-shadow: none; 273     box-shadow: none;
274     font-size: 12px; 274     font-size: 12px;
275 } 275 }
276 .footer-middle .widget { 276 .footer-middle .widget {
277     margin-bottom: 15px; 277     margin-bottom: 15px;
278     margin-top: 0; 278     margin-top: 0;
279 } 279 }
280 .footer .newsletter input {   280 .footer .newsletter input {  
281     background: #292c30;  281     background: #292c30; 
282 } 282 }